import { WarningOutlined } from '@ant-design/icons'

export default function NotFound ({ text }) {
    return (
        <div className='mt-[20vh] flex flex-col items-center'>
            <WarningOutlined
                style={{
                    fontSize: '96px',
                    color: '#34b7b9',
                }}
            />
            <div className='mt-6'>
                <span>
                    抱歉没有找到与“
                </span>
                <span className='text-red-500'>
                    {`${text}`}
                </span>
                <span>
                    ”相关的内容，请检查输入内容后再试！
                </span>
            </div>
        </div>
    )
}